<header>
    <div class="top">
        <div class="cb mc">
            <template v-if="user.id">
                <div class="user-action logged fr">
                    <a class="item" href="dashboard">进入工作台</a>
                    <a class="item" v-on:click="logout">退出</a>
                </div>
            </template>
            <template v-else>
                <div class="user-action fr">
                    <a class="item" href="login.html">登陆</a>
                    <a class="item" href="register.html">注册</a>
                    <a class="item thirdly"><i class="iconfont icon-qq"></i></a>
                    <a class="item thirdly"><i class="iconfont icon-weibo"></i></a>
                    <a class="item thirdly"><i class="iconfont icon-github"></i></a>
                </div>
            </template>
        </div>
    </div>

    <div class="header mc cb">
        <a href="index.html" class="logo fl"><img src="../assets/img/logo/full.png"></a>
        <nav class="fl">
            <ul class="cb">
                <li><a href="index.html">主页</a> </li>
                <li><a href="dashboard/#!/project/demo">在线演示</a> </li>
                <li><a href="http://git.oschina.net/zhoujingjie/apiManager" target="_blank">码云</a></li>
                <li><a href="help.html">在线帮助</a> </li>
            </ul>
        </nav>
    </div>
</header>